<div class="admin-content">
	<div class="am-cf am-padding">
		<div class="am-fl am-cf">
			<strong class="am-text-primary am-text-lg">我处理的订单</strong> / <small>MyHandledOrder</small>
		</div>
	</div>





	<div class="am-tabs am-margin" id="doc-my-tabs" tabdir>
		<ul class="am-tabs-nav am-nav am-nav-tabs">
			<li class="am-active"><a value="1" >提货订单</a></li>
			<li class=""><a value="2" >代金券订单</a></li>
			<li class=""><a value="3" >团订单</a></li>
		</ul>


		<div class="am-tabs-bd"
			style="touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
			<div class="am-tab-panel am-fade am-active am-in" id="tab1">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<!-- <th class="table-check"><input type="checkbox" /></th> -->
								<th>uuid</th>
								<th>用户手机号</th>
								<th>总金额</th>
								<th>打折情况</th>
								<th>下单时间</th>
								<!-- <th>操作</th> -->
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="order in data.order.currentPageItems">
								<td>{{ order.uuid }}</td>
								<td>{{ order.user.phone }}</td>
								<td>{{ order.money }}</td>
								<td>{{ order.discount? order.discount:'无'  }}</td>
								<td>{{ order.postTime | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button
												class="am-btn am-round am-btn-default  am-btn-xs am-text-warning"
												data-ng-click="editOrder(order)">
												<span class="am-icon-pencil-square-o"></span>查看
											</button>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" data-ng-model="total">
						共&nbsp;{{ data.order.recordCount}}&nbsp;条记录,&nbsp;共&nbsp;{{
						data.order.pages }}&nbsp;页
						<div class="am-fr">
							<ul class="am-pagination">
								<li
									class="{{ data.order.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a
									href="javascript:void(0);"
									data-ng-click="data.order.previous()">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{
										data.order.recordCount!="0"? data.order.currentPage : 0 }}</a></li>
								<li
									class="{{ data.order.currentPage+1<=data.order.pages? 'am' : 'am-disabled' }}"><a
									href="javascript:void(0);" data-ng-click="data.order.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

			<div class="am-tab-panel am-fade" id="tab2">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<!-- <th class="table-check"><input type="checkbox" /></th> -->
								<th>uuid</th>
								<th>用户手机号</th>
								<th>总金额</th>
								<th>打折情况</th>
								<th>订单时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="ticket in data.ticket.currentPageItems">
								<td>{{ ticket.uuid }}</td>
								<td>{{ ticket.user.phone }}</td>
								<td>{{ ticket.money }}</td>
								<td>{{ ticket.discount? ticket.discount:'无' }}</td>
								<td>{{ ticket.postTime | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button
												class="am-btn am-round am-btn-default  am-btn-xs am-text-warning"
												data-ng-click="editTicket(ticket)">
												<span class="am-icon-pencil-square-o"></span>查看
											</button>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" data-ng-model="total">
						共&nbsp;{{data.ticket.recordCount}}&nbsp;条记录,&nbsp;共&nbsp;{{
						data.ticket.pages }}&nbsp;页
						<div class="am-fr">
							<ul class="am-pagination">
								<li
									class="{{ data.ticket.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a
									href="javascript:void(0);" disabled="{{!page.hasPrePage}}"
									data-ng-click="data.ticket.previous()">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{
										data.ticket.recordCount!="0"? data.ticket.currentPage : 0 }}</a></li>
								<li
									class="{{ data.ticket.currentPage+1<=data.ticket.pages? 'am' : 'am-disabled' }}"><a
									href="javascript:void(0);" data-ng-click="data.ticket.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

			<div class="am-tab-panel am-fade" id="tab3">
				<form class="am-form">
					<table class="am-table am-table-striped am-table-hover table-main">
						<thead>
							<tr>
								<!-- <th class="table-check"><input type="checkbox" /></th> -->
								<th>id</th>
								<th>用户手机号</th>
								<th>总金额</th>
								<th>打折情况</th>
								<th>订单时间</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr data-ng-repeat="groupOrder in data.groupOrder.currentPageItems">
								<td>{{ groupOrder.id }}</td>
								<td>{{ groupOrder.user.phone }}</td>
								<td>{{ groupOrder.money }}</td>
								<td>{{ groupOrder.discount }}</td>
								<td>{{ groupOrder.postTime | date: 'yyyy-MM-dd HH:mm:ss' }}</td>
								<td>
									<div class="am-btn-toolbar">
										<div class="am-btn-group am-btn-group-xs am-btn-group-justify">
											<button
												class="am-btn am-round am-btn-default  am-btn-xs am-text-warning"
												data-ng-click="editGroup(groupOrder)">
												<span class="am-icon-pencil-square-o"></span>查看
											</button>
										</div>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
					<div class="am-cf" data-ng-model="total">
						共&nbsp;{{data.groupOrder.recordCount}}&nbsp;条记录,&nbsp;共&nbsp;{{
						data.groupOrder.pages }}&nbsp;页
						<div class="am-fr">
							<ul class="am-pagination">
								<li
									class="{{ data.groupOrder.currentPage-1>0 ? 'am' : 'am-disabled' }}"><a
									href="javascript:void(0);"
									data-ng-click="data.groupOrder.previous()">上一页</a></li>
								<li class="am-disabled"><a href="javascript:void(0);">{{
										data.groupOrder.recordCount!="0"? data.groupOrder.currentPage:0 }}</a></li>
								<li
									class="{{ data.groupOrder.currentPage+1<=data.groupOrder.pages? 'am' : 'am-disabled' }}"><a
									href="javascript:void(0);" data-ng-click="data.groupOrder.next()">下一页</a></li>
							</ul>
						</div>
					</div>
				</form>
			</div>

		</div>
	</div>
</div>
<!-- 这是tab -->
<script>
	$(function() {
		$('#doc-my-tabs').tabs();
	})
</script>
<!--这是tab end  -->
<!-- content end -->
<!-- 侧边栏内容 草稿内容 -->
<div id="order_ui" class="am-offcanvas" name="">
	<div class="am-offcanvas-bar am-offcanvas-bar-flip" style="width: 40%;">
		<div class="am-offcanvas-content">

			<form name="neworder" class="am-form am-form-horizontal"
				data-am-validator ng-model="norder">
				<fieldset>
					<legend style="color: white;">订单详情</legend>
					<form data-ng-model="norder">
						<div>
							<div class="am-form am-form-horizontal">
								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单ID：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input disabled data-ng-model="norder.uuid" type="text"
											class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">用户名：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input disabled data-ng-model="norder.user.phone" type="text"
											class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单描述：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input disabled data-ng-model="norder.description" type="text"
											class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">产 品：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<button class="am-btn am-btn-xs"
											data-am-collapse="{target: '#product'}">
											详情 <i class="am-icon-bars"></i>
										</button>
										<div id="product" class="am-collapse ">
											<h4 class="am-list-item-text am-text-lg"
												style="color: green;"
												ng-repeat="detail in norder.orderDetails">
												{{ detail.product.description}}: ￥ {{ detail.product.price
												}} <a class="am-list-item-text">&nbsp;x <span data-ng-bind="detail.amount"></span> = </a> <span
													class="am-text-xl" style="color: red;">{{
													detail.price * detail.amount }} </span>
											</h4>
										</div>
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">支付时间：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input disabled
											value="{{ norder.postTime | date : 'yyyy-MM-dd HH:mm:ss' }}"
											type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">历史打折：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input disabled
											value="{{ norder.discount? norder.discount:'无'  }}" type="text"
											class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">总价：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input disabled value="{{ norder.money }} 元" type="text"
											class="am-input-sm">
									</div>
								</div>


								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-9 am-u-sm-push-3">
										<button type="button" class="am-btn am-btn-primary"
											ng-click="closeNew()">关闭</button>
									</div>
								</div>
				</fieldset>
			</form>

		</div>
	</div>
</div>
<!-- ticket -->
<div id="ticket_ui" class="am-offcanvas" name="">
	<div class="am-offcanvas-bar am-offcanvas-bar-flip" style="width: 40%;">
		<div class="am-offcanvas-content">

			<form name="neworder" class="am-form am-form-horizontal" data-am-validator ng-model="nticket">
				<fieldset>
					<legend style="color: white;">订单详情</legend>
					<form data-ng-model="nticket">
						<div>
							<div class="am-form am-form-horizontal">
								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单ID：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="nticket.uuid" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">用户名：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="nticket.user.phone" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单描述：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="nticket.description" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">支付时间：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ nticket.postTime | date : 'yyyy-MM-dd HH:mm:ss' }}" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">历史打折：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ nticket.discount? nticket.discount:'无'  }}" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">总价：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ nticket.money }} 元" type="text" class="am-input-sm">
									</div>
								</div>


								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-9 am-u-sm-push-3">
										<button type="button" class="am-btn am-btn-primary" ng-click="closeNew2()">关闭</button>
									</div>
								</div>
				</fieldset>
			</form>
		</div>
	</div>
</div>
<!-- group -->
<div id="group_ui" class="am-offcanvas" name="">
	<div class="am-offcanvas-bar am-offcanvas-bar-flip" style="width: 40%;">
		<div class="am-offcanvas-content">

			<form name="neworder" class="am-form am-form-horizontal" data-am-validator ng-model="ngroup">
				<fieldset>
					<legend style="color: white;">订单详情</legend>
					<form data-ng-model="ngroup">
						<div>
							<div class="am-form am-form-horizontal">
								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单ID：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="ngroup.uuid" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">用户名：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="ngroup.user.phone" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">订单描述：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly data-ng-model="ngroup.description" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">团详情：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<button class="am-btn am-btn-xs" data-am-collapse="{target: '#groupOrder'}">
											详情 <i class="am-icon-bars"></i>
										</button>
										<div id="groupOrder" class="am-collapse am-vertical-align">
											<h4 class="am-list-item-text am-text-lg am-vertical-align-middle" style="color: green;">
												&nbsp;&nbsp;&nbsp;产品： <span data-ng-bind="ngroup.group.product.description"></span>
											</h4>
											<h4 class="am-list-item-text am-text-lg am-vertical-align-middle" style="color: green;">
												团购价：￥ <span >{{ ngroup.money+"元" }}</span>
												<del>原价：￥<span>{{ ngroup.group.product.price }}</span></del>
											</h4>
											<h4 class="am-list-item-text am-text-lg am-vertical-align-middle" style="color: green;">
												团类型：<span>{{ ngroup.group.personAmount+"人团" }}</span>
											</h4>
										</div>
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">支付时间：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ ngroup.postTime | date : 'yyyy-MM-dd HH:mm:ss' }}" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">历史打折：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ ngroup.discount? ngroup.discount:'无'  }}" type="text" class="am-input-sm">
									</div>
								</div>

								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-12 am-u-md-4 am-text-right">总价：</div>
									<div class="am-u-sm-12 am-u-md-8 am-u-end">
										<input readonly value="{{ ngroup.money }} 元" type="text" class="am-input-sm">
									</div>
								</div>



								<div class="am-g am-margin-top-sm">
									<div class="am-u-sm-9 am-u-sm-push-3">
										<button type="button" class="am-btn am-btn-primary" ng-click="closeNew3()">关闭</button>
									</div>
								</div>
				</fieldset>
			</form>

		</div>
	</div>
</div>
